﻿<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    <!-- smart phone css -->
    <link href="~/Content/assets/phone.css" rel="Stylesheet" type="text/css" media="all and (min-width:0px) and (max-width:480px)" />
    <!-- tablet css -->
    <link href="~/Content/assets/tablet.css" rel="Stylesheet" type="text/css" media="all and (min-width:481px) and (max-width:800px)" />
    <!-- desktop css -->
    <link href="~/Content/assets/desktop.css" rel="Stylesheet" type="text/css" media="only screen and (min-width:801px)" />
    @RenderSection("stylesheets", required: false)
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>
    <div>
        @RenderBody()
    </div>
    @Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts", required: false)
</body>
</html>
